<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/iuapmobile.um.css">
		<link rel="stylesheet" href="../css/font-icons.css">
		<link rel="stylesheet" type="text/css" href="../css/islider.css">
        <link rel="stylesheet" type="text/css" href="../css/iuapmobile.um.listview.css">

        <style>
        	.listview-detail {
        		overflow: hidden;
        		text-overflow: ellipsis;
        		display: -webkit-box;
        		-webkit-line-clamp: 2;
        		-webkit-box-orient: vertical;
        	}
        </style>

		<script src="../js/summer.js" ></script>
		<script src="../js/jquery.min.js" ></script>
		<script src="../js/Frameworks/iuapmobile.frameworks.ui.js" ></script>
		<script src="../js/islider.js"></script>
		<script src="../js/jQuery.textSlider.js"></script>
		<script src="../js/k/kpublic.js" ></script>
		<script src="../js/k/kmenu.js" ></script>
		<script src="../js/ta/main.js" ></script>
		<style type="text/css">
			.iSlider-wrapper {
				height: 150px;
			}
			.um-header {
				background: #fff;
			}
			.um-header h3 {
				background: #007aff;
			}
			.islider-dot {
				width: 0.5em;
				height: 0.5em;
			}
			.islider-dot-wrap {
				text-align: center;
			}
			.um-content {
				padding: 0;
			}
			#main > div {
				display: none;
				color: #555;
			}
			#main > div.active {
				display: block;
			}
		</style>

        <script type="text/javascript" src="../js/knockout.js"></script>
        <script type="text/javascript" src="../js/Frameworks/iuapmobile.frameworks.listview.js"></script>
	</head>
	<body class="um-bgc-white">
		<div class="um-win">
			<div class="um-content">
				<div class="um-row">
					<div id="iSlider-wrapper" class="iSlider-wrapper"></div>
				</div>
				<div class="um-grid um-row" >
					<div class="um-grid-row tc">
						<div class="um-bgc-white" ymodel="fw" id = "wyfw">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_wyfw.png" width=40 class="um-img-responsive" alt="">
							<div class="f12 mt5">
								物业服务
							</div> </a>
						</div>
						<div class="um-bgc-white" ymodel="cz" id = "ecz">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_ecz.png" width=40 class="um-img-responsive" alt="">
							<div  class="f12 mt5">
								E充值
							</div> </a>
						</div>
						<div class="um-bgc-white" ymodel="yl" id = "cyyl" >
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_food.png" width=40 class="um-img-responsive" alt="">
							<div class="f12 mt5" >
								餐饮娱乐
							</div> </a>
						</div>
						<div  class="um-bgc-white" ymodel="sc" id = "tzsc">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_tssc.png" width=40 class="um-img-responsive" alt="">
							<div  class="f12 mt5" >
								跳蚤市场
							</div> </a>
						</div>
					</div>
					<div class="um-grid-row tc">
						<div class="um-bgc-white" ymodel="tg" id = "tg">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_money.png" width=40 class="um-img-responsive" alt="">
							<div  class="f12 mt5">
								快乐E购
							</div> </a>
						</div>
						<div class="um-bgc-white" ymodel="cy" id = "jbcx">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_you.png" width=40 class="um-img-responsive" alt="">
							<div  class="f12 mt5">
								休闲旅游
							</div> </a>
						</div>
						<div class="um-bgc-white" ymodel="zx" id = "zszx">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_zszx.png" width=40 class="um-img-responsive" alt="">
							<div  class="f12 mt5">
								装饰装修
							</div> </a>
						</div>
						<div class="um-bgc-white" ymodel="fc" id = "fcxx">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_hotal.png" width=40 class="um-img-responsive" alt="">
							<div  class="f12 mt5">
								房产信息
							</div> </a>
						</div>
						
						<!-- <div class="um-bgc-white" ymodel="fw" id = "zzfw">
							<a href="#" class="um-circle um-black"> <img src="../img/ta/mt_xiaochi.png" width=40 class="um-img-responsive" alt="">
							<div  class="f12 mt5" >
								增值服务
							</div> </a>
						</div> -->
					</div>
				</div>
				<div class="um-listview-wrap" id="listview">
					<ul class="um-list um-no-active" style="border: none">
						<li class="um-listview-row">
							<a href="#" class="um-list-item um-swipe-action um-no-icon"> <div class="um-swipe-btns">
							<span class="um-swipe-btn um-delete ti-trash"></span>
							</div>
							<div class="um-list-item-media" style="padding: 0 0 0 20px;height: 33px">
								<img alt="" height="33" src="../img/ta/pnews.png" />
							</div>
							<div class="um-list-item-inner">
								<div id="scrollDiv" class="um-list-item-body" style="height: 33px;padding: 0 5px 0 0">
									<ul class="f12" id="newslist">
										<li>
											通知：您的物业费即将到期，请及时缴纳！
										</li>
										<li>
											公告：注意！本小区已在鼠药投放点投放鼠药，请小心误食
										</li>
										<li>
											新闻：收入分配制度改革试点：技能人才等群体将增收
										</li>
										<li>
											新闻：记者体验刷单:15分钟可赚5元 "暗语"玩起"隐身术"
										</li>
										<li>
											新闻：注意！今天下午到明天或迎降雨
										</li>
									</ul>
								</div>
							</div> </a>
						</li>
					</ul>
					<ul class="um-list um-no-active" style="border-width: 0 0 1px 0">
						<li id="imgbar" class="um-listview-row">
							<a href="#" class="um-list-item um-swipe-action um-no-icon">
							<div class="um-list-item-media um-border-right" style="width: 50%;margin: 0 0 0 0 ;padding: 0 1px 0 0 ">
								<img id="yhcx" style="width: 100%" src="../img/ta/promotion.png" />
							</div>
							<div class="um-list-item-inner">
								<div  class="um-list-item-body" style="padding: 0 0 0 0">
									<div class="um-border-bottom">
										<img id="sqyl" style="width: 100%" src="../img/ta/bar2.png" />
									</div>
									<div>
										<img id="zysc" style="width: 100%" src="../img/ta/bar3.png" />
									</div>
								</div>
							</div> </a>
						</li>
					</ul>
				</div>
				
				<!-- 增加一些模块以填充 -->
				
				
			</div>
		</div>
		<script type="text/javascript">
			$(function() {
				var list = [{
					content : "../img/ta/g1.jpg"
				}, {
					content : "../img/ta/g2.jpg"
				}, {
					content : "../img/ta/g3.jpg"
				}];
				var islider = new iSlider({
					type : 'pic',
					data : list,
					dom : document.getElementById("iSlider-wrapper"),
					isLooping : true,
					animateType : 'default',
					isAutoplay : true,
					animateTime : 800
				});
				islider.addDot();
				$("#scrollDiv").textSlider({
					line : 2,
					speed : 500,
					timer : 3000
				});

			});
		</script>
	</body>
</html>